<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-tw">
<head>
	<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="首頁-創業e點通">  
	<title>創業e點通</title>

	<!-- favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
	<!-- reset.css -->
	<link rel="stylesheet" href="css/reset.css" media="screen">
	<!-- font-awesome.min.css -->
	<link rel="stylesheet" href="css/font-awesome.min.css" media="screen">
	<!-- grid1200 -->
	<link rel="stylesheet" href="css/skeleton.css">
	<!-- style -->
	<link rel="stylesheet" href="css/style.css">
	<!-- layout -->
	<link rel="stylesheet" href="css/layout.css">
	<!-- alertify -->
	<link rel="stylesheet" href="css/alertify.css" />
	<link rel="stylesheet" href="css/alertify.default.css"/>	
	
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn’t work if you view the page via file:// -->
    
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <meta property="og:title" content="${blog.title}">
	<meta name="description" content="${blog.gist}">
	<link rel="image_src" href="http://xn--e-6i8ap91eul9a8op.tw/images/blogShare.jpg" />

</head>
<body>
	<header class="topheader clearfix">
		<div class="container">
			<div class="grid_12">
				<div class="logo">
					<a href="index"><img src="./images/egroup.png" alt="創業e點通品牌標誌"></a>
				</div><!-- logo -->
				<nav class="clearfix">
					<div class="top-nav">
						<!-- 縮小的漢堡導覽，第二階段導覽列top-nav-left -->	 
						<div class="top-nav-left">
							<span class="menu"> </span> 
							<ul><!-- 
 								<li><a href="javascript:;">關於我們</a></li>
								<li><a href="#works" class="scroll">專業顧問</a></li>
								<li><a href="#Properties" class="scroll">成功案例</a></li>
								<li><a href="javascript:;" class="scroll">我想創業</a></li>
								<li><a href="#projects" class="scroll" >創業Q&A</a></li>
								<li><a href="#Community" class="scroll">聯絡我們</a></li>
 								-->
								<li class="showBlock"><a href="venturePlanMap.html">我的創業地圖</a></li>
								<li class="showBlock"><a href="membercreation.html">帳號管理</a></li>	
								<li class="showBlock"><a href="##">登出</a></li>
							 </ul>
						</div> 
						<!-- 
						<div class="top-nav-right">
							<a href="login.html" id="loginButton"><span>登入</span></a>
						</div>  -->
						
						<div class="top-nav-right hideBlock">
							<a href="login.html" id="loginButton"><span><i class="fa fa-user"></i> mandy歡迎登入</span></a>

							<ul class="loginDropdown hide">
								<li><a href="venturePlanMap.html">我的創業地圖</a></li>
								<li><a href="membercreation.html">帳號管理</a></li>	
								<li><a href="##">登出</a></li>
							</ul>
						</div> 
					</div><!-- top-nav -->
				</nav>
			</div><!-- grid_12 -->
		</div><!-- container -->
	</header>
	
	<div class="bolgbanner bolgDetailbanner">
		<!-- <h1>
			創業秘技
		</h1> -->
	</div>

    <div class="blogpost">
    	<div class="container clearfix">
			<div class="prefix_2 grid_8">
				<div class="breadcrumbs">
					<p>
						<a href="index">首頁</a> 
						&gt; <a href="blog">創業秘技</a>
						&gt; ${blog.title}
					</p>
			    </div>
				<article>
					<header>
					    <div class="fb-like">
					    <!-- AddToAny BEGIN --> 
				         	<div class="a2a_kit a2a_kit_size_32 a2a_default_style"> 
				         		<a class="a2a_button_facebook"></a> 
				         		<!-- <a class="a2a_button_twitter"></a>  -->
				         		<a class="a2a_button_google_plus"></a> 
				         	</div> 
				         <!-- AddToAny END -->
					    </div>	
						<h3>
							${blog.title}
						</h3>
						<p class="postTime"><span>Posted on ${blog.dateString}</span></p>

					</header>
					<p>
						${blog.content}
					</p>
				</article>
			</div>
		</div>
	</div>

	<div class="blogback">
		<div class="container clearfix">
			<div class="prefix_2 grid_2">
				<a href="blog"><i class="fa fa-arrow-left"></i>回創業秘技</a>
			</div>
		</div>
	</div><!-- blogback -->

	<div class="blogResponse">
		<div class="container">
			<div class="prefix_2 grid_8">
				<form class="clearfix">
					<textarea name="content" id="content" cols="30" rows="10" placeholder="我想留言...."></textarea>
					<!--<button type="button" class="responseButton">留言</button>-->
					<button type="button" class="responseButton responseDisable" id="loginBtn">留言</button>
				</form>
				<ul class="response clearfix" id="messageArea">
				<c:forEach items="${blogMessageList}" var="blogMessage">
					<li class="clearfix">
						<div class="responseBox">
							<a href="javascript:;" class="responseUsr">${blogMessage.member.name}</a>
							<p class="reponseCont">${blogMessage.content}</p>
							<p class="reponseBottom  clearfix">
								<span>${blogMessage.cDateString}</span>
							</p>
						</div>
						<c:if test="${blogMessage.response != ''}">
							<div class="responseBox2">
								<div class="responseBox2_1">
									<a href="javascript:;" class="responseUsr">創業顧問</a>
									<p class="reponseCont">${blogMessage.response}</p>
									<p class="reponseBottom clearfix">
										<span>${blogMessage.rDateString}</span>
									</p>
								</div>
							</div>
						</c:if>
					</li>
				</c:forEach>
				</ul>
				<div class="text-center">
					<c:if test="${page.show}">
					<ul class="pagination">
						<c:forEach items="${page.pagerList}" var="pager">
							<li class="${pager.indexClass}"><a href="${pager.url}">${pager.index}</a></li>
						</c:forEach>			
					</ul>
					</c:if>
				</div>
			</div>
		</div>
	</div><!-- //.blogResponse -->

	<footer class="footerwrap">
		<div class="container">
			<div class="grid_12">
				<span>©2015 創業e點通 </span>
			</div>
		</div>
	</footer>
	
	<!-- import jquery -->
	<script src="js/jquery-1.9.1.min.js"></script>
	<!-- import nav slideToggle RWD js -->	
	<script src="js/nav.js"></script>
		
	<script src="js/fixtop.js"></script>
	
    <script type="text/javascript"> 
	var a2a_config = a2a_config || {}; 
	a2a_config.locale = "zh-TW"; 
	a2a_config.linkurl = location.href;
	show_title=true; 
	</script> 
	<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
	<!-- jquery.validate -->
	<script src="js/jquery.validate.js"></script>
	<script src="js/messages_zh_TW.js"></script>
	<script src="js/additional-methods.js"></script>
	<!-- alertify js -->
	<script src="js/alertify.min.js"></script>
	<script>
	$(function(){
		$("#loginBtn").click(function(){
			alertify.confirm("您尚未登入，是否要登入?", function (e) {
				if (e) {
					location.href = "memberLogin?url="+encodeURIComponent(document.URL.split("/").pop());
				}
			});
		});
	});
	</script>
</body>
</html>